<!DOCTYPE html>
<html lang="en" dir=ZgotmplZ>

<head>
  <script async defer src="https://buttons.github.io/buttons.js"></script>
  <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="calculator component">
<meta name="theme-color" content="#FFFFFF"><meta property="og:title" content="furo-hp-35" />
<meta property="og:description" content="calculator component" />
<meta property="og:type" content="article" />
<meta property="og:url" content="https://web-components.furo.pro/docs/modules/furo-util/furo-hp-35/" /><meta property="article:section" content="docs" />

<meta property="article:modified_time" content="2023-05-15T11:08:04+02:00" />
<title>furo-hp-35 | フロー Furo Web</title>
<link rel="manifest" href="/manifest.json">
<link rel="icon" href="/favicon.png" type="image/x-icon">
<link rel="stylesheet" href="/book.min.9cf05710651e8f9a974123fc1a656fbb5eb2f912dba4c022b69792d2f93e1c40.css" integrity="sha256-nPBXEGUej5qXQSP8GmVvu16y&#43;RLbpMAitpeS0vk&#43;HEA=">
<script defer src="/en.search.min.b0bf84841deec51ff6f5057e68d3262d4265b55605be890ebf7c38b97b2fe329.js" integrity="sha256-sL&#43;EhB3uxR/29QV&#43;aNMmLUJltVYFvokOv3w4uXsv4yk="></script>
<!--
Made with Book Theme
https://github.com/alex-shpak/hugo-book
-->

  

  <link href="/main.css" rel="stylesheet"/>
</head>

<body dir=ZgotmplZ>
<fixed-tooltip-display></fixed-tooltip-display>
  <input type="checkbox" class="hidden toggle" id="menu-control" />
  <input type="checkbox" class="hidden toggle" id="toc-control" />
  <div ></div>
  <main class="container flex">
    <aside class="book-menu">
      
  <nav>
<h2 class="book-brand">
  <a href="/"><span>フロー Furo Web</span>
  </a>
</h2>


<div class="book-search">
  <input type="text" id="book-search-input" placeholder="Search" aria-label="Search" maxlength="64" data-hotkeys="s/" />
  <div class="book-search-spinner hidden"></div>
  <ul id="book-search-results"></ul>
</div>











  



  
  <ul>
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-64d0ac0e8a385a6091d238dd382da7cf" class="toggle"  />
    <label for="section-64d0ac0e8a385a6091d238dd382da7cf" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/guides/" class="">Guides</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/guides/dealing-w-data/" class="">Dealing with data</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-48dba13e1258b1e2cf129032b0d1fc3e" class="toggle"  />
    <label for="section-48dba13e1258b1e2cf129032b0d1fc3e" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/guides/routing/" class="">Routing</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/guides/routing/subrouting/" class="">Sub routing</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/guides/app-flow/" class="">Application Flow</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/guides/FNA/" class="">Extending a UI lib</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/guides/type-renderer/" class="">Type Renderer</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/guides/featuretoggle/" class="">Feature Toggles</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-c131070b1e715f28624af5fdfd93165a" class="toggle" checked />
    <label for="section-c131070b1e715f28624af5fdfd93165a" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/modules/" class="">Packages</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-cca842a4d0376120bfbf8e2c08c07ff4" class="toggle"  />
    <label for="section-cca842a4d0376120bfbf8e2c08c07ff4" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/modules/furo-data/" class="">@furo/data</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-api-fetch/" class="">furo-api-fetch</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-collection-agent/" class="">furo-collection-agent</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-custom-method/" class="">furo-custom-method</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-data-flow-repeat/" class="">furo-data-flow-repeat</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-data-hide-content/" class="">furo-data-hide-content</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-data-object/" class="">furo-data-object</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-deep-link/" class="">furo-deep-link</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-entity-agent/" class="">furo-entity-agent</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-entity-field/" class="">furo-entity-field</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-hateoas-state/" class="">furo-hateoas-state</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-message-container-handler/" class="">furo-message-container-handler</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-rel-exists/" class="">furo-rel-exists</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-reverse-deep-link/" class="">furo-reverse-deep-link</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/furo-type-renderer/" class="">furo-type-renderer</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/AgentHelper/" class="">AgentHelper</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/DataObject/" class="">DataObject</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/FieldNode/" class="">FieldNode</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/FieldNodeAdapter/" class="">FieldNodeAdapter</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/RepeaterNode/" class="">RepeaterNode</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ScalarTypeHelper/" class="">ScalarTypeHelper</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ValidatorDefaultTypes/" class="">ValidatorDefaultTypes</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ValidatorFuroBigDecimal/" class="">ValidatorFuroBigDecimal</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ValidatorFuroReference/" class="">ValidatorFuroReference</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ValidatorGoogleProtobufBoolValue/" class="">ValidatorGoogleProtobufBoolValue</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ValidatorGoogleProtobufFloatValue/" class="">ValidatorGoogleProtobufFloatValue</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ValidatorGoogleProtobufInt64Value/" class="">ValidatorGoogleProtobufInt64Value</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ValidatorGoogleTypeDate/" class="">ValidatorGoogleTypeDate</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ValidatorGoogleTypeMoney/" class="">ValidatorGoogleTypeMoney</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-data/ValidatorNumericTypes/" class="">ValidatorNumericTypes</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-021db3e6cecc4cb464638d9452766952" class="toggle"  />
    <label for="section-021db3e6cecc4cb464638d9452766952" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/modules/furo-fbp/" class="">@furo/fbp</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-fbp/empty-fbp-node/" class="">empty-fbp-node</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-fbp/flow-bind/" class="">flow-bind</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-fbp/flow-repeat/" class="">flow-repeat</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-fbp/DOMFBP/" class="">DOMFBP</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-fbp/FBP/" class="">FBP</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-fbp/FbpBreakpoints/" class="">FbpBreakpoints</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-3e40020dcb75400959dcadfc7e247453" class="toggle"  />
    <label for="section-3e40020dcb75400959dcadfc7e247453" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/modules/furo-framework/" class="">@furo/framework</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/BaseSpecValidators/" class="">BaseSpecValidators</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/Env/" class="">Env</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/FuroFeatureToggle/" class="">FuroFeatureToggle</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/i18n/" class="">i18n</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/Init/" class="">Init</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/KeyState/" class="">KeyState</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/NodeEvent/" class="">NodeEvent</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorFuroBigDecimal/" class="">ValidatorFuroBigDecimal</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorFuroFatNumeric/" class="">ValidatorFuroFatNumeric</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorFuroFatString/" class="">ValidatorFuroFatString</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorFuroReference/" class="">ValidatorFuroReference</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorGoogleProtobufBoolValue/" class="">ValidatorGoogleProtobufBoolValue</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorGoogleProtobufFloatValue/" class="">ValidatorGoogleProtobufFloatValue</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorGoogleProtobufInt64Value/" class="">ValidatorGoogleProtobufInt64Value</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorGoogleProtobufTimestamp/" class="">ValidatorGoogleProtobufTimestamp</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorGoogleTypeDate/" class="">ValidatorGoogleTypeDate</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorGoogleTypeMoney/" class="">ValidatorGoogleTypeMoney</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-framework/ValidatorRegistry/" class="">ValidatorRegistry</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-71921f8b00ba9f1d7ea65557f9a4892b" class="toggle"  />
    <label for="section-71921f8b00ba9f1d7ea65557f9a4892b" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/modules/furo-layout/" class="">@furo/layout</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-layout/furo-backdrop/" class="">furo-backdrop</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-layout/furo-backdrop-display/" class="">furo-backdrop-display</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-layout/furo-empty-spacer/" class="">furo-empty-spacer</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-layout/furo-form-layouter/" class="">furo-form-layouter</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-layout/furo-horizontal-flex/" class="">furo-horizontal-flex</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-layout/furo-resizer/" class="">furo-resizer</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-layout/furo-split-view/" class="">furo-split-view</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-layout/furo-vertical-flex/" class="">furo-vertical-flex</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-layout/furo-vertical-scroller/" class="">furo-vertical-scroller</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-d417ac8cb7a1ccb4381e8ddf1c7562a0" class="toggle"  />
    <label for="section-d417ac8cb7a1ccb4381e8ddf1c7562a0" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/modules/furo-route/" class="">@furo/route</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/furo-app-flow/" class="">furo-app-flow</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/furo-app-flow-router/" class="">furo-app-flow-router</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/furo-document-title/" class="">furo-document-title</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/furo-location/" class="">furo-location</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/furo-location-updater/" class="">furo-location-updater</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/furo-lock-navigation/" class="">furo-lock-navigation</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/furo-pages/" class="">furo-pages</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/furo-panel-coordinator/" class="">furo-panel-coordinator</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/BasePanel/" class="">BasePanel</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-route/panelRegistry/" class="">panelRegistry</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-97a0e3b8ee9f906213df62a54586924e" class="toggle" checked />
    <label for="section-97a0e3b8ee9f906213df62a54586924e" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/modules/furo-util/" class="">@furo/util</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-config/" class="">furo-config</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-config-loader/" class="">furo-config-loader</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-de-bounce/" class="">furo-de-bounce</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-demo-snippet/" class="">furo-demo-snippet</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-feature-toggle/" class="">furo-feature-toggle</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-fetch-json/" class="">furo-fetch-json</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-forth-stack/" class="">furo-forth-stack</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-get-clipboard/" class="">furo-get-clipboard</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-graph-renderer/" class="">furo-graph-renderer</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-head-tail/" class="">furo-head-tail</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-hp-35/" class=" active">furo-hp-35</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-interval-pulse/" class="">furo-interval-pulse</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-key-filter/" class="">furo-key-filter</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-keydown/" class="">furo-keydown</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-markdown/" class="">furo-markdown</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-navigation-pad/" class="">furo-navigation-pad</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-pretty-json/" class="">furo-pretty-json</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-put-clipboard/" class="">furo-put-clipboard</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/furo-show-flow/" class="">furo-show-flow</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/light-bulb/" class="">light-bulb</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/Config/" class="">Config</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/ConfigTree/" class="">ConfigTree</a>
  

        </li>
      
    
      
        <li>
          
  
  

  
    <a href="https://web-components.furo.pro/docs/modules/furo-util/EmptyStackError/" class="">EmptyStackError</a>
  

        </li>
      
    
  </ul>

        </li>
      
    
      
        <li>
          
  
  

  
    <input type="checkbox" id="section-e8b2e199854a11484105b91a892831fe" class="toggle"  />
    <label for="section-e8b2e199854a11484105b91a892831fe" class="flex justify-between">
      <a href="https://web-components.furo.pro/docs/modules/furo-webtypes/" class="">@furo/web-types</a>
      <span>▾</span>
    </label>
  

          
  <ul>
    
  </ul>

        </li>
      
    
  </ul>

        </li>
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
      
    
  </ul>











  
<ul>
  
  <li>
    <a href="https://ui5.furo.pro" target="_blank" rel="noopener">
        SAP UI5 Integration
      </a>
  </li>
  
  <li>
    <a href="https://furo.pro" target="_blank" rel="noopener">
        フロー Furo
      </a>
  </li>
  
</ul>






</nav>




  <script>(function(){var e=document.querySelector("aside.book-menu nav");addEventListener("beforeunload",function(){localStorage.setItem("menu.scrollTop",e.scrollTop)}),e.scrollTop=localStorage.getItem("menu.scrollTop")})()</script>


 
    </aside>

    <div class="book-page">
      <header class="book-header">
        
  <div class="flex align-center justify-between">
  <label for="menu-control">
    <img src="/svg/menu.svg" class="book-icon" alt="Menu" />
  </label>

  <strong>furo-hp-35</strong>

  <label for="toc-control">
    
    <img src="/svg/toc.svg" class="book-icon" alt="Table of Contents" />
    
  </label>
</div>


  
  <aside class="hidden clearfix">
    
  <nav id="TableOfContents">
  <ul>
    <li><a href="#attributes-and-properties">Attributes and Properties</a>
      <ul>
        <li><a href="#radmode"><strong>radMode</strong></a></li>
        <li><a href="#x"><strong>x</strong></a></li>
        <li><a href="#y"><strong>y</strong></a></li>
        <li><a href="#z"><strong>z</strong></a></li>
        <li><a href="#t"><strong>t</strong></a></li>
        <li><a href="#stack"><strong>stack</strong></a></li>
        <li><a href="#size"><strong>size</strong></a></li>
      </ul>
    </li>
    <li><a href="#events">Events</a>
      <ul>
        <li><a href="#stackchange"><strong>stackchange</strong></a></li>
        <li><a href="#stack-size-changed"><strong>stack-size-changed</strong></a></li>
        <li><a href="#rotated"><strong>rotated</strong></a></li>
        <li><a href="#stack-changed"><strong>stack-changed</strong></a></li>
        <li><a href="#swapped"><strong>swapped</strong></a></li>
        <li><a href="#empty"><strong>empty</strong></a></li>
      </ul>
    </li>
    <li><a href="#methods">Methods</a>
      <ul>
        <li><a href="#enter"><strong>enter</strong></a></li>
        <li><a href="#updatexyzt"><strong>updateXYZT</strong></a></li>
        <li><a href="#swap"><strong>swap</strong></a></li>
        <li><a href="#rot"><strong>rot</strong></a></li>
        <li><a href="#roll"><strong>roll</strong></a></li>
        <li><a href="#add"><strong>add</strong></a></li>
        <li><a href="#substract"><strong>substract</strong></a></li>
        <li><a href="#sqrt"><strong>sqrt</strong></a></li>
        <li><a href="#ln"><strong>ln</strong></a></li>
        <li><a href="#cos"><strong>cos</strong></a></li>
        <li><a href="#sin"><strong>sin</strong></a></li>
        <li><a href="#tan"><strong>tan</strong></a></li>
        <li><a href="#abs"><strong>abs</strong></a></li>
        <li><a href="#reciprocal"><strong>reciprocal</strong></a></li>
        <li><a href="#exp"><strong>exp</strong></a></li>
        <li><a href="#xroot"><strong>xroot</strong></a></li>
        <li><a href="#multiply"><strong>multiply</strong></a></li>
        <li><a href="#pow"><strong>pow</strong></a></li>
        <li><a href="#divide"><strong>divide</strong></a></li>
        <li><a href="#clear"><strong>clear</strong></a></li>
        <li><a href="#clearstack"><strong>clearStack</strong></a></li>
        <li><a href="#put"><strong>put</strong></a></li>
        <li><a href="#drop"><strong>drop</strong></a></li>
        <li><a href="#dup"><strong>dup</strong></a></li>
        <li><a href="#over"><strong>over</strong></a></li>
        <li><a href="#rrot"><strong>rrot</strong></a></li>
      </ul>
    </li>
  </ul>
</nav>


  </aside>
  
 
      </header>

      
      
  <article class="markdown"><h1 id="furo-hp-35">
  furo-hp-35
  <a class="anchor" href="#furo-hp-35">#</a>
</h1>
<p><strong>@furo/util</strong> <small>v2.1.19</small>
<br><code>import '@furo/util/src/furo-hp-35.js';</code><small>
<br>exports <em>FuroHp35</em> js
<br>exports <code>&lt;furo-hp-35&gt;</code> custom-element-definition
<br>extends <em>/src/furo-forth-stack.js</em>
<br>superclass <em>FuroForthStack</em></small>
<br><small>summary <em>calculator component</em></small></p>
<p><code>hp-35</code> is a declarative rpn calculator component.</p>
<p>see 
  <a href="https://hansklav.home.xs4all.nl/rpn/">https://hansklav.home.xs4all.nl/rpn/</a></p>
<p>
  <a href="http://h10032.www1.hp.com/ctg/Manual/c01579350">http://h10032.www1.hp.com/ctg/Manual/c01579350</a></p>
<h2 id="attributes-and-properties">
  Attributes and Properties
  <a class="anchor" href="#attributes-and-properties">#</a>
</h2>
<h3 id="radmode">
  <strong>radMode</strong>
  <a class="anchor" href="#radmode">#</a>
</h3>
<p><span  style="border-width:2px; border-style: solid;border-color:  rgb(255, 182, 91);font-family:monospace; padding:2px 4px;">radMode</span>
<small><code>boolean</code> default: <strong>false</strong></small></p>
<p>Set to true to use rad, default is deg
<br><br></p>
<h3 id="x">
  <strong>x</strong>
  <a class="anchor" href="#x">#</a>
</h3>
<p><span  style="border-width:2px; border-style: solid;border-color:  rgb(255, 182, 91);font-family:monospace; padding:2px 4px;">x</span>
<small><code>Number</code> </small></p>
<p>current x
<br><br></p>
<h3 id="y">
  <strong>y</strong>
  <a class="anchor" href="#y">#</a>
</h3>
<p><span  style="border-width:2px; border-style: solid;border-color:  rgb(255, 182, 91);font-family:monospace; padding:2px 4px;">y</span>
<small><code>Number</code> </small></p>
<p>current y
<br><br></p>
<h3 id="z">
  <strong>z</strong>
  <a class="anchor" href="#z">#</a>
</h3>
<p><span  style="border-width:2px; border-style: solid;border-color:  rgb(255, 182, 91);font-family:monospace; padding:2px 4px;">z</span>
<small><code>Number</code> </small></p>
<p>current z
<br><br></p>
<h3 id="t">
  <strong>t</strong>
  <a class="anchor" href="#t">#</a>
</h3>
<p><span  style="border-width:2px; border-style: solid;border-color:  rgb(255, 182, 91);font-family:monospace; padding:2px 4px;">t</span>
<small><code>Number</code> </small></p>
<p>current t
<br><br></p>
<h3 id="stack">
  <strong>stack</strong>
  <a class="anchor" href="#stack">#</a>
</h3>
<p><span  style="border-width:2px; border-style: solid;border-color:  rgb(255, 182, 91);font-family:monospace; padding:2px 4px;">stack</span>
<small><code>Array</code> </small></p>
<p>the stack.
<br><br></p>
<h3 id="size">
  <strong>size</strong>
  <a class="anchor" href="#size">#</a>
</h3>
<p>default: <strong>0</strong></small></p>
<p>Current size of the stack
<br><br></p>
<h2 id="events">
  Events
  <a class="anchor" href="#events">#</a>
</h2>
<h3 id="stackchange">
  <strong>stackchange</strong>
  <a class="anchor" href="#stackchange">#</a>
</h3>
<p><span  style="border-width:2px 10px 2px 2px; border-style: solid;border-color:  rgb(2, 168, 244);font-family:monospace; padding:2px 4px;">at-stackchange</span>
→ <small><code>void</code></small></p>
<p>Fired when something in stack changes
<br><br></p>
<h3 id="stack-size-changed">
  <strong>stack-size-changed</strong>
  <a class="anchor" href="#stack-size-changed">#</a>
</h3>
<p><span  style="border-width:2px 10px 2px 2px; border-style: solid;border-color:  rgb(2, 168, 244);font-family:monospace; padding:2px 4px;">at-stack-size-changed</span>
→ <small><code>Number</code></small></p>
<p>Fired when the stack size changes with Integer with the current size of the stack.
<br><br></p>
<h3 id="rotated">
  <strong>rotated</strong>
  <a class="anchor" href="#rotated">#</a>
</h3>
<p><span  style="border-width:2px 10px 2px 2px; border-style: solid;border-color:  rgb(2, 168, 244);font-family:monospace; padding:2px 4px;">at-rotated</span>
→ <small><code>the top element</code></small></p>
<p>Fired when stack was rotated
<br><br></p>
<h3 id="stack-changed">
  <strong>stack-changed</strong>
  <a class="anchor" href="#stack-changed">#</a>
</h3>
<p><span  style="border-width:2px 10px 2px 2px; border-style: solid;border-color:  rgb(2, 168, 244);font-family:monospace; padding:2px 4px;">at-stack-changed</span>
→ <small><code>the top element</code></small></p>
<p>Fired when the stack contents changes after put, drop,&hellip;
<br><br></p>
<h3 id="swapped">
  <strong>swapped</strong>
  <a class="anchor" href="#swapped">#</a>
</h3>
<p><span  style="border-width:2px 10px 2px 2px; border-style: solid;border-color:  rgb(2, 168, 244);font-family:monospace; padding:2px 4px;">at-swapped</span>
→ <small><code>void</code></small></p>
<p>Fired when stack was swapped
<br><br></p>
<h3 id="empty">
  <strong>empty</strong>
  <a class="anchor" href="#empty">#</a>
</h3>
<p><span  style="border-width:2px 10px 2px 2px; border-style: solid;border-color:  rgb(2, 168, 244);font-family:monospace; padding:2px 4px;">at-empty</span>
→ <small><code>void</code></small></p>
<p>Fired when stack gets empty
<br><br></p>
<h2 id="methods">
  Methods
  <a class="anchor" href="#methods">#</a>
</h2>
<h3 id="enter">
  <strong>enter</strong>
  <a class="anchor" href="#enter">#</a>
</h3>
<p><small><strong>enter</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>void</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-enter</span></p>
<p>Enter a number</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="updatexyzt">
  <strong>updateXYZT</strong>
  <a class="anchor" href="#updatexyzt">#</a>
</h3>
<p><small><strong>updateXYZT</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-update-xyzt</span></p>
<p><br><br></p>
<h3 id="swap">
  <strong>swap</strong>
  <a class="anchor" href="#swap">#</a>
</h3>
<p><small><strong>swap</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-swap</span></p>
<p>swap <strong>( n1 n2 &ndash; n2 n1 )</strong></p>
<p>swap, as you may have guessed, swaps the top two elements of the stack. For example:</p>
<p>1 2 3 4 swap
will give you:</p>
<p>1 2 4 3 &lt;- Top</p>
<p><br><br></p>
<h3 id="rot">
  <strong>rot</strong>
  <a class="anchor" href="#rot">#</a>
</h3>
<p><small><strong>rot</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-rot</span></p>
<p>rot <strong>( n1 n2 n3 &ndash; n2 n3 n1 )</strong></p>
<p>Finally, rot “rotates” the top three elements of the stack. The third element from the top of the stack gets moved to the top of the stack, pushing the other two elements down.</p>
<p>1 2 3 rot
gives you:</p>
<p>2 3 1 &lt;- Top</p>
<p><br><br></p>
<h3 id="roll">
  <strong>roll</strong>
  <a class="anchor" href="#roll">#</a>
</h3>
<p><small><strong>roll</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-roll</span></p>
<p>rot <strong>( n1 n2 n3 &ndash; n2 n3 n1 )</strong></p>
<p>Finally, rot “rotates” the top three elements of the stack. The third element from the top of the stack gets moved to the top of the stack, pushing the other two elements down.</p>
<p>1 2 3 rot
gives you:</p>
<p>2 3 1 &lt;- Top</p>
<p><br><br></p>
<h3 id="add">
  <strong>add</strong>
  <a class="anchor" href="#add">#</a>
</h3>
<p><small><strong>add</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-add</span></p>
<p>Process an addition</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="substract">
  <strong>substract</strong>
  <a class="anchor" href="#substract">#</a>
</h3>
<p><small><strong>substract</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-substract</span></p>
<p>Process a substraction</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="sqrt">
  <strong>sqrt</strong>
  <a class="anchor" href="#sqrt">#</a>
</h3>
<p><small><strong>sqrt</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-sqrt</span></p>
<p>Perform square root operation</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="ln">
  <strong>ln</strong>
  <a class="anchor" href="#ln">#</a>
</h3>
<p><small><strong>ln</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-ln</span></p>
<p>Perform log operation</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="cos">
  <strong>cos</strong>
  <a class="anchor" href="#cos">#</a>
</h3>
<p><small><strong>cos</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-cos</span></p>
<p>Perform cos operation</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="sin">
  <strong>sin</strong>
  <a class="anchor" href="#sin">#</a>
</h3>
<p><small><strong>sin</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-sin</span></p>
<p>Perform sin operation</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="tan">
  <strong>tan</strong>
  <a class="anchor" href="#tan">#</a>
</h3>
<p><small><strong>tan</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-tan</span></p>
<p>Perform tan operation</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="abs">
  <strong>abs</strong>
  <a class="anchor" href="#abs">#</a>
</h3>
<p><small><strong>abs</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-abs</span></p>
<p>Perform abs operation</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="reciprocal">
  <strong>reciprocal</strong>
  <a class="anchor" href="#reciprocal">#</a>
</h3>
<p><small><strong>reciprocal</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-reciprocal</span></p>
<p>Perform reciprocal operation</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="exp">
  <strong>exp</strong>
  <a class="anchor" href="#exp">#</a>
</h3>
<p><small><strong>exp</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-exp</span></p>
<p>Perform exp operation</p>
<p>returns e^x, where x is the argument, and e is Euler&rsquo;s number (also known as Napier&rsquo;s constant), the base of the natural logarithms.</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="xroot">
  <strong>xroot</strong>
  <a class="anchor" href="#xroot">#</a>
</h3>
<p><small><strong>xroot</strong>(<em>n</em> `` ) ⟹ <code>void</code></small></p>
<p><small>`` </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-xroot</span></p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="multiply">
  <strong>multiply</strong>
  <a class="anchor" href="#multiply">#</a>
</h3>
<p><small><strong>multiply</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-multiply</span></p>
<p>Process a multiplication</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="pow">
  <strong>pow</strong>
  <a class="anchor" href="#pow">#</a>
</h3>
<p><small><strong>pow</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-pow</span></p>
<p>Process power</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="divide">
  <strong>divide</strong>
  <a class="anchor" href="#divide">#</a>
</h3>
<p><small><strong>divide</strong>(<em>n</em> <code>Number</code> ) ⟹ <code>number</code></small></p>
<p><small><code>Number</code> </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-divide</span></p>
<p>Process a division</p>
<ul>
<li><small><em>n</em> </small>
<br><br></li>
</ul>
<h3 id="clear">
  <strong>clear</strong>
  <a class="anchor" href="#clear">#</a>
</h3>
<p><small><strong>clear</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-clear</span></p>
<p>clear the stack</p>
<p><br><br></p>
<h3 id="clearstack">
  <strong>clearStack</strong>
  <a class="anchor" href="#clearstack">#</a>
</h3>
<p><small><strong>clearStack</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-clear-stack</span></p>
<p>Empties the stack and set the stack-size to 0</p>
<p><br><br></p>
<h3 id="put">
  <strong>put</strong>
  <a class="anchor" href="#put">#</a>
</h3>
<p><small><strong>put</strong>(<em>e</em> `` ) ⟹ <code>void</code></small></p>
<p><small>`` </small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-put</span></p>
<p>Add an element to the stack</p>
<ul>
<li><small><em>e</em> </small>
<br><br></li>
</ul>
<h3 id="drop">
  <strong>drop</strong>
  <a class="anchor" href="#drop">#</a>
</h3>
<p><small><strong>drop</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-drop</span></p>
<p>drop <strong>( n &ndash; )</strong></p>
<p>drop simply drops the top element of the stack. Running:</p>
<p>1 2 3 drop
gives you a stack of:</p>
<p>1 2 &lt;- Top</p>
<p><br><br></p>
<h3 id="dup">
  <strong>dup</strong>
  <a class="anchor" href="#dup">#</a>
</h3>
<p><small><strong>dup</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-dup</span></p>
<p>dup <strong>( n &ndash; n n )</strong></p>
<pre><code>dup is short for “duplicate” – it duplicates the top element of the stack. For example, try this out:

1 2 3 dup

You should end up with the following stack:

1 2 3 3 &lt;- Top
</code></pre>
<p><br><br></p>
<h3 id="over">
  <strong>over</strong>
  <a class="anchor" href="#over">#</a>
</h3>
<p><small><strong>over</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-over</span></p>
<p>over <strong>( n1 n2 &ndash; n1 n2 n1 )</strong></p>
<p>over is a bit less obvious: it takes the second element from the top of the stack and duplicates it to the top of the stack. Running this:</p>
<p>1 2 3 over
will result in this:</p>
<p>1 2 3 2 &lt;- Top</p>
<p><br><br></p>
<h3 id="rrot">
  <strong>rrot</strong>
  <a class="anchor" href="#rrot">#</a>
</h3>
<p><small><strong>rrot</strong>() ⟹ <code>void</code></small></p>
<p><small><code>*</code></small> →
<span  style="border-width:2px 2px 2px 10px; border-style: solid;border-color:  rgb(76, 175, 80);font-family:monospace; padding:2px 4px;">fn-rrot</span></p>
<p>rrot <strong>( n1 n2 n3 &ndash; n3 n1 n2 )</strong></p>
<p>Reverse rotation or right rotation rrot “rotates” the elements of the stack inverse to rot.
The top elemen the stack gets moved to the bottom of the stack.</p>
<p>1 2 3 rot
gives you:</p>
<p>3 1 2 &lt;- Top</p>
<p><br><br></p>
</article>
 
      

      <footer class="book-footer">
        
  <div class="flex flex-wrap justify-between">



  <div><a class="flex align-center" href="https://github.com/theNorstroem/furo/documentation/commit/98f19d453453c76144147e187904f3bdac5a588f" title='Last modified by veith | May 15, 2023' target="_blank" rel="noopener">
      <img src="/svg/calendar.svg" class="book-icon" alt="Calendar" />
      <span>May 15, 2023</span>
    </a>
  </div>



</div>

 
        
      </footer>

      
  
  <div class="book-comments">

</div>
  
 

      <label for="menu-control" class="hidden book-menu-overlay"></label>
    </div>

    
    <aside class="book-toc">
      
  <nav id="TableOfContents">
  <ul>
    <li><a href="#attributes-and-properties">Attributes and Properties</a>
      <ul>
        <li><a href="#radmode"><strong>radMode</strong></a></li>
        <li><a href="#x"><strong>x</strong></a></li>
        <li><a href="#y"><strong>y</strong></a></li>
        <li><a href="#z"><strong>z</strong></a></li>
        <li><a href="#t"><strong>t</strong></a></li>
        <li><a href="#stack"><strong>stack</strong></a></li>
        <li><a href="#size"><strong>size</strong></a></li>
      </ul>
    </li>
    <li><a href="#events">Events</a>
      <ul>
        <li><a href="#stackchange"><strong>stackchange</strong></a></li>
        <li><a href="#stack-size-changed"><strong>stack-size-changed</strong></a></li>
        <li><a href="#rotated"><strong>rotated</strong></a></li>
        <li><a href="#stack-changed"><strong>stack-changed</strong></a></li>
        <li><a href="#swapped"><strong>swapped</strong></a></li>
        <li><a href="#empty"><strong>empty</strong></a></li>
      </ul>
    </li>
    <li><a href="#methods">Methods</a>
      <ul>
        <li><a href="#enter"><strong>enter</strong></a></li>
        <li><a href="#updatexyzt"><strong>updateXYZT</strong></a></li>
        <li><a href="#swap"><strong>swap</strong></a></li>
        <li><a href="#rot"><strong>rot</strong></a></li>
        <li><a href="#roll"><strong>roll</strong></a></li>
        <li><a href="#add"><strong>add</strong></a></li>
        <li><a href="#substract"><strong>substract</strong></a></li>
        <li><a href="#sqrt"><strong>sqrt</strong></a></li>
        <li><a href="#ln"><strong>ln</strong></a></li>
        <li><a href="#cos"><strong>cos</strong></a></li>
        <li><a href="#sin"><strong>sin</strong></a></li>
        <li><a href="#tan"><strong>tan</strong></a></li>
        <li><a href="#abs"><strong>abs</strong></a></li>
        <li><a href="#reciprocal"><strong>reciprocal</strong></a></li>
        <li><a href="#exp"><strong>exp</strong></a></li>
        <li><a href="#xroot"><strong>xroot</strong></a></li>
        <li><a href="#multiply"><strong>multiply</strong></a></li>
        <li><a href="#pow"><strong>pow</strong></a></li>
        <li><a href="#divide"><strong>divide</strong></a></li>
        <li><a href="#clear"><strong>clear</strong></a></li>
        <li><a href="#clearstack"><strong>clearStack</strong></a></li>
        <li><a href="#put"><strong>put</strong></a></li>
        <li><a href="#drop"><strong>drop</strong></a></li>
        <li><a href="#dup"><strong>dup</strong></a></li>
        <li><a href="#over"><strong>over</strong></a></li>
        <li><a href="#rrot"><strong>rrot</strong></a></li>
      </ul>
    </li>
  </ul>
</nav>

 
    </aside>
    
  </main>

  
</body>


<script type="module" src="https://cdn.jsdelivr.net/npm/@furo/precompiled@2.6.0/dist/doc-helper.js"></script>
<script type="module" src="https://cdn.jsdelivr.net/npm/@furo/precompiled@2.6.0/dist/furo-fbp.js"></script>
</html>












